<!doctype html>
<html>
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>优佰通统一信息管理平台</title>
    <style>
      html, body, #app {width: 100%; height: 100%; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; position: fixed; background-color: rgba(0, 0, 0, .5);}
      .loading {width: 3em; height: 3em; position: absolute; top: 40%; left: calc(50% - 1.5em); border: 3px solid #CCC; border-top-color: transparent; border-radius: 100%; animation: circle infinite 0.75s linear;}
      @keyframes circle {
        0% {transform: rotate(0);}
        100% {transform: rotate(360deg);}
      }
    </style>
  </head>
  <body>
    <div id="app"><div class="loading"></div></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
